<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./js/vue-2.4.0.js"></script>
    <script src="./js/vue-router-3.0.1.js"></script>
    <style>

    </style>

</head>
<body>
    <div id="app">
  <login :parentmsg="msg">

  </login>
    </div>
    <template id="login">
            <div>
                <h1>这是字元素 ====={{parentmsg}}</h1>
            </div>
         </template>
</body>
<script>
    var login ={
        template:'#login',
        props:['parentmsg']
    }
    
  var ragiu = new VueRouter({
      routes:[
   
      ]
  })
var vm = new Vue({
    el:'#app',
    data:{
        msg:'这是msg'
    },
    components:{
        login
    }

})
</script>
</html>